.page{
	display: table;color: #ccc;-webkit-touch-callout: none;
	-webkit-user-select: none;-khtml-user-select: none;
	-moz-user-select: none;-ms-user-select: none;
	user-select: none;width: 100%;bottom:0;position: fixed;
}
@media only screen and (max-width:350px){
  .page{margin:0px auto 0px auto;}
  .page li{
    height: 21px;font-size: 9pt;
    line-height: 21px;padding: 0 7px;
    margin-right: 1px;
  }
}
@media only screen and (min-width:351px)and (max-width:767px){
  .page{margin:0px auto 3px auto;}
  .page li{
    height: 23px;font-size: 10pt;
    line-height: 23px;padding: 0 8px;
    margin-right: 1px;
  }
}
@media only screen and (min-width:768px){
  .page{margin:0px auto 23px auto;}
  .page li{
    height: 24px;font-size: 11pt;
    line-height: 24px;padding: 0 9px;
    margin: 0 1px;
  }
}
.page select{
	border: 1px solid #ddd;
	margin-right: 1px;
  color: lightblue;
  width: 43px;
  height: 25px;font-size:9pt;
  outline: none;
  text-indent:-1px;
}
.page .nextPage{color: powderblue;width: 9px;text-indent: -3px;}
.page .prevPage{color: powderblue;width: 9px;text-indent: -3px;}
.page li{
	cursor: default;border-width: 1px 1px 3px 1px;
	display: inline-block;background: #fffc;
	color: skyblue;text-indent: -1px;
	border-radius: 4px;
	vertical-align: middle;
  border-style: solid;
  margin-bottom: 0;
  filter: none;
}
.page li:not(.disabled):not(.page):hover{
	border: 1px solid paleturquoise;
	cursor: pointer;
}
.page li.current{
	color: #fff;
  background-color: #09a2e7;
  border: 1px solid dodgerblue;
}
.page li.disabled{
	display: inline-block;
	color: #bfbfbf;
	background: #f2f2f2;
	border: 1px solid #cfcfcf;
  text-indent: -3px;
}